/* 文字省略 u-line-1 u-line-2 u-line-3 u-line-4*/
.u-line-2{
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

/* 定位 */
.u-rels {position: relative;} 
.u-abso {position: absolute;}

/* 字体大小 */
.fs14 {font-size: 14px;}
.fs16 {font-size: 16px;}
.fs18 {font-size: 18px;}
.fs20 {font-size: 20px;}
.fs22 {font-size: 22px;}
.fs24 {font-size: 24px;}

/* 圆角 */
.br4 {border-radius: 4px;}
.br6 {border-radius: 6px;}
.br8 {border-radius: 8px;}
.br10 {border-radius: 10px;}

/* 行高 */
.line-h18{line-height: 18px;}

/* 文字对齐 */
/* 文字左对齐 */
.u-text-left {text-align: left;}
/* 文字居中对齐 */
.u-text-center {text-align: center;}
/* 文字右对齐 */
.u-text-right {text-align: right;}

/* 内边距 */
.pd5 {padding: 5px;}
.pd10 {padding: 10px;}
.pd15 {padding: 15px;}
.pd20 {padding: 20px;}
.pd25 {padding: 25px;}
.pd30 {padding: 30px;}

.pdt5 {padding-top: 5px;}
.pdt10 {padding-top: 10px;}
.pdt15 {padding-top: 15px;}
.pdt20 {padding-top: 20px;}
.pdb5 {padding-bottom: 5px;}
.pdb10 {padding-bottom: 10px;}
.pdb15 {padding-bottom: 15px;}
.pdb20 {padding-bottom: 20px;}

.pdl5 {padding-left: 5px;}
.pdl10 {padding-left: 10px;}
.pdl20 {padding-left: 20px;}
.pdr5 {padding-right: 5px;}
.pdr10 {padding-right: 10px;}
.pdr20 {padding-right: 20px;}

/* 外边距 */
.mg5 {margin: 5px;}
.mg10 {margin: 10px;}
.mgt5 {margin-top: 5px;}
.mgt10 {margin-top: 10px;}
.mgt15 {margin-top: 15px;}
.mgt20 {margin-top: 20px;}
.mgt25 {margin-top: 25px;}
.mgt30 {margin-top: 30px;}

.mgb5 {margin-bottom: 5px;}
.mgb10 {margin-bottom: 10px;}
.mgb15 {margin-bottom: 15px;}
.mgb20 {margin-bottom: 20px;}
.mgb30 {margin-bottom: 30px;}

.mgl5 {margin-left: 5px;}
.mgl10 {margin-left: 10px;}
.mgl20 {margin-left: 20px;}
.mgl25 {margin-left: 25px;}
.mgl30 {margin-left: 30px;}

.mgr5 {margin-right: 5px;}
.mgr10 {margin-right: 10px;}
.mgr15 {margin-right: 15px;}
.mgr30 {margin-right: 30px;}



/* 空间分布 */
.flex-1{flex: 1;}
.flex-2{flex: 2;}

/* 字体大小 */
.fw700 {font-weight: 700;}
.fw100 {font-weight: 100;}

/* 边框 u-border u-border-top*/
/* 文字颜色 u-color*/
.cl8080ff{color: #8080ff;}
.clebb563{color: #ebb563;}
.cl66d0b0{color: #66d0b0;}
.cl909399{color: #909399;}
.clb2aabd{color: #b2aabd;}

/* 背景颜色 */
.bgffffff{background-color: #ffffff;}


*{
  margin: 0;
  padding: 0;
}

/* 手型 u-border u-border-top*/
.cur-pointer{cursor: pointer;}

/* flex布局 */
.u-flex {
  display: flex;
  flex-direction: row;
  align-items: center;
}

/* 换行 */
.u-flex-wrap {flex-wrap: wrap;}

/* 不换行 */
.u-flex-nowrap {flex-wrap: nowrap;}

/* 垂直居中 */
.u-col-center {align-items: center;}

/* 顶部对齐 */
.u-col-top {align-items: flex-start;}

/* 底部对齐 */
.u-col-bottom {align-items: flex-end;}

/* 左边对齐 */
.u-row-left {justify-content: flex-start;}

/* 水平居中 */
.u-row-center {justify-content: center;}

/* 右边对齐 */
.u-row-right {justify-content: flex-end;}

/* 水平两端对齐 */
.u-row-between {justify-content: space-between;}

/* 水平每个项目两侧的间隔相等 */
.u-row-around {justify-content: space-around;}